import Vue from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";

// global style
import "@/common/style/base.sass";

// quasar
// import "./styles/quasar.styl";
// import "quasar/dist/quasar.ie.polyfills";
// import lang from "quasar/lang/zh-hans.js";
// import "@quasar/extras/material-icons/material-icons.css";
// import {
//   Quasar,
//   QLayout,
//   QHeader,
//   QDrawer,
//   QPageContainer,
//   QPage,
//   QToolbar,
//   QToolbarTitle,
//   QBtn,
//   QIcon,
//   QList,
//   QItem,
//   QItemSection,
//   QItemLabel,
//   QCard,
//   QCardSection,
//   QCardActions,

//   QBtnDropdown,
// } from "quasar";

// echarts
import ECharts from "vue-echarts";
Vue.component("v-chart", ECharts);

// import 'echarts/lib/chart/line'
// import 'echarts/lib/component/polar'
import "echarts/lib/chart/graph";

// Vue.use(Quasar, {
//   config: {},
//   components: {
//     Quasar,
//     QLayout,
//     QHeader,
//     QDrawer,
//     QPageContainer,
//     QPage,
//     QToolbar,
//     QToolbarTitle,
//     QBtn,
//     QIcon,
//     QList,
//     QItem,
//     QItemSection,
//     QItemLabel,
//     QCard,
//     QCardSection,
//     QCardActions,

//     QBtnDropdown,
//   },
//   directives: {},
//   plugins: {},
//   lang: lang
// });

//vant
import Vant from 'vant';
import 'vant/lib/index.css';

Vue.use(Vant);

Vue.config.productionTip = false;

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount("#app");
